<style type="text/css">
	* {
		margin:0;
		padding:0;
	}
	.accout_login{
		width:320px;
		float:left;
	}
	.accout_regist{
		width:320px;
		float:right;
	}
	.Title_Login{
		background:url("<?php echo $this->getSkinUrl('images/title_userlogin.png');?>") no-repeat;
		float:left;
		height:36px;
		margin-left:10px;
		margin-top:20px;
		width:250px;
	}
	.Title_Register{
		background:url("<?php echo $this->getSkinUrl('images/title_register.png');?>") no-repeat;
		float:left;
		height:36px;
		margin-left:10px;
		margin-top:20px;
		width:250px;
	}
	.fieldsetFrom{
		height:140px;
		padding:60px 80px 0;
		text-align:center;
		vertical-align:middle;
	}
	.login_form{
		margin-top:15px;
		padding-top:30px;
	}
	.error_tip{
		height:auto;
		margin-left:20px;
		margin-top:10px;
		width:900px;
	}
</style>



<div class="error_tip"><?php echo $this->getMessagesBlock()->getGroupedHtml() ?></div>
<div id="Background2" class="accout_login" style="width:450px;height:auto;min-height:400px;"> 
	<div class="Title_Login"></div> 
	
	<form action="<?php echo $this->getPostActionUrl() ?>" method="post" id="login-form">
		<div id="SplitLine" style="width:400px"></div> 
		<div id="Title_Content" style="width:400px"> 
			<div id="YellowTitle">FILL UP ACCOUNT INFORMATION</div> 
			<div id="AboutUsContent">
        		<div class="login_form">
            		<ul class="form-list">
	                    <li>
	                        <label for="email" style="width:125px;padding-left:15px"><?php echo $this->helper('customer')->__('E-mail') ?>:</label>
	                        <input name="login[username]" value="<?php echo $this->htmlEscape($this->getUsername()) ?>" id="email" type="text" class="input-text validate-email required-entry" title="<?php echo $this->helper('customer')->__('Email Address') ?>" />
	                    </li>
	                    <li>
	                        <label for="pass" style="width:125px;padding-left:15px"><?php echo $this->helper('customer')->__('Password') ?>:</label>
	                        <input name="login[password]" type="password" class="input-text required-entry validate-password" id="pass" title="<?php echo $this->helper('customer')->__('Password') ?>" />
	                    </li>
            		</ul>
        		</div>
    		</div>
		</div> 
		
		<!--
		<div id="SplitLine" style="width:400px"></div> 
		<div id="Title_Content" style="width:400px"> 
			<div id="YellowTitle">FILL UP AND CREATE A NEW PROFILE</div> 
			<div id="AboutUsContent">
        		<div class="login_form">
            		<ul class="form-list">
	                    <li>
	                    	<input name="ProfileType" type="radio" value="0" />
	                        <label style="width:200px;padding-left:15px"> Fill up and create a new profile</label>
	                    </li>
	                    <li>
	                    	<input checked="checked" name="ProfileType" type="radio" value="1" />
	                        <label style="width:200px;padding-left:15px">	I'll select an existing profile</label>
	                    </li>
            		</ul>
        		</div>
    		</div>
		</div> 
		
		<div id ="">
			<div id="SplitLine" style="width:400px"></div> 
			<div id="Title_Content" style="width:400px"> 
				<div id="YellowTitle">FILL UP MEASUREMENT INFORMATION</div> 
				<div id="AboutUsContent">
	        		<div class="login_form">
	            		<ul class="form-list">
		                    <li>
	                        	<label style="width:125px;padding-left:15px">PROFILE NAME</label>
	                        	<input name="login[profile_name]"  id="profile_name" type="text" class="input-text" />
	                    	</li>
	                    	<li>
	                        	<label style="width:125px;padding-left:15px">COLLAR SIZE</label>
	                        	<input name="login[collar_size]"  id="collar_size" type="text" class="input-text" />
	                    	</li>
	                    	<li>
	                        	<label style="width:125px;padding-left:15px">SEELEE LENGTH</label>
	                        	<input name="login[seelee_length]"  id="seelee_length" type="text" class="input-text" />
	                    	</li>
	                    	<li>
	                        	<label style="width:125px;padding-left:15px">BUST</label>
	                        	<input name="login[bust]"  id="bust" type="text" class="input-text" />
	                    	</li>
	                    	<li>
	                        	<label style="width:125px;padding-left:15px">WAIST</label>
	                        	<input name="login[waist]"  id="waist" type="text" class="input-text" />
	                    	</li>
	                    	<li>
	                        	<label style="width:125px;padding-left:15px">SHOULDER BREADTH</label>
	                        	<input name="login[shoulder_breadth]"  id="shoulder_breadth" type="text" class="input-text" />
	                    	</li>
	            		</ul>
	        		</div>
	    		</div>
			</div> 
		</div>
		-->
		
		<div class="buttons-set"  style="padding-top:20px;">
			<!--
	        <a href="<?php echo $this->getForgotPasswordUrl() ?>" class="f-left"><?php echo $this->helper('customer')->__('Forgot Your Password?') ?></a>
	        -->
	        <input type="image" src="<?php echo $this->getSkinUrl('images/button_submit.jpg');?>" /><img src="<?php echo $this->getSkinUrl('images/button_reset.jpg');?>" style="padding-right:40px;padding-left:20px;" />
	    </div>
	            
	</form> 
</div> 

<div id="Background2" class="accout_regist" style="width:460px;height:auto;min-height:400px;"> 
	<div class="Title_Register"></div> 
	
	<!--
	<div id="SplitLine" style="width:400px"></div> 
	<div id="Title_Content" style="width:400px"> 
		<div id="AboutUsContent" style="padding-left:20px">
			Lorem ipsum dolor sit amet, 
					consectetuer adipiscing elit. Aenean commodo ligula eget 
					dolor. Aenean massa. Cum sociis natoque penatibus et magnis 
					dis parturient montes, nascetur ridiculus mus. Donec quam 
					felis, ultricies nec, pellentesque eu, pretium quis, sem. 
					Nulla consequat massa quis enim. Donec pede justo, fringilla 
					vel, aliquet nec, vulputate eget, arcu. In enim justo, 
					rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam 
					dictum felis eu pede mollis pretium. Integer tincidunt. Cras 
					dapibus.
		</div>
	<div
	-->
	<form action="<?php echo $this->getRegisterPostActionUrl() ?>" method="post" id="form-validate">
		<div id="SplitLine" style="width:400px"></div> 
		<div id="Title_Content" style="width:400px"> 
			<div id="YellowTitle">FILL UP ACCOUNT INFORMATION</div> 
			<div id="AboutUsContent">
        		<div class="login_form">
            		<ul class="form-list">
            			<li>
                    		<label for="email_address" style="width:125px;padding-left:15px"><?php echo $this->helper('customer')->__('Email Address') ?>: </label>
                    		<input type="text" name="email" id="email_address" value="<?php echo $this->htmlEscape($this->getEmail()) ?>" title="<?php echo $this->helper('customer')->__('Email Address') ?>" class="input-text validate-email required-entry" />
                		</li>
		                <li>
		                    <label for="password" style="width:125px;padding-left:15px"><?php echo $this->helper('customer')->__('Set Password') ?>: </label>
		                    <input type="password" name="password" id="password" title="<?php echo $this->helper('customer')->__('Password') ?>" class="input-text required-entry validate-password" />
		                </li>
		                <li>
		                    <label for="confirmation" style="width:125px;padding-left:15px"><?php echo $this->helper('customer')->__('Confirm Password') ?>: </label>
		                    <input type="password" name="confirmation" title="<?php echo $this->helper('customer')->__('Confirm Password') ?>" id="confirmation" class="input-text required-entry validate-cpassword" />
		                </li>
            		</ul>
        		</div>
    		</div>
		</div> 
		
		<!--
		<div id="SplitLine" style="width:400px"></div> 
		<div id="Title_Content" style="width:400px"> 
			<div id="YellowTitle">FILL UP AND CREATE A NEW PROFILE</div> 
			<div id="AboutUsContent">
        		<div class="login_form">
            		<ul class="form-list">
	                    <li>
	                    	<input name="ProfileType" type="radio" value="0" />
	                        <label style="width:200px;padding-left:15px"> Fill up and create a new profile</label>
	                    </li>
	                    <li>
	                    	<input checked="checked" name="ProfileType" type="radio" value="1" />
	                        <label style="width:200px;padding-left:15px">	I'll create a profile later</label>
	                    </li>
            		</ul>
        		</div>
    		</div>
		</div> 
		
		<div>
			<div id="SplitLine" style="width:400px"></div> 
			<div id="Title_Content" style="width:400px"> 
				<div id="YellowTitle">FILL UP MEASUREMENT INFORMATION</div> 
				<div id="AboutUsContent">
	        		<div class="login_form">
	            		<ul class="form-list">
		                    <li>
	                        	<label style="width:125px;padding-left:15px">PROFILE NAME</label>
	                        	<input name="login[profile_name]"  id="profile_name" type="text" class="input-text" />
	                    	</li>
	                    	<li>
	                        	<label style="width:125px;padding-left:15px">COLLAR SIZE</label>
	                        	<input name="login[collar_size]"  id="collar_size" type="text" class="input-text" />
	                    	</li>
	                    	<li>
	                        	<label style="width:125px;padding-left:15px">SEELEE LENGTH</label>
	                        	<input name="login[seelee_length]"  id="seelee_length" type="text" class="input-text" />
	                    	</li>
	                    	<li>
	                        	<label style="width:125px;padding-left:15px">BUST</label>
	                        	<input name="login[bust]"  id="bust" type="text" class="input-text" />
	                    	</li>
	                    	<li>
	                        	<label style="width:125px;padding-left:15px">WAIST</label>
	                        	<input name="login[waist]"  id="waist" type="text" class="input-text" />
	                    	</li>
	                    	<li>
	                        	<label style="width:125px;padding-left:15px">SHOULDER BREADTH</label>
	                        	<input name="login[shoulder_breadth]"  id="shoulder_breadth" type="text" class="input-text" />
	                    	</li>
	            		</ul>
	        		</div>
	    		</div>
			</div> 
		</div>
		-->
		
		<div class="buttons-set" style="padding-top:20px;">
	        <input type="image" src="<?php echo $this->getSkinUrl('images/button_submit.jpg');?>" /><img src="<?php echo $this->getSkinUrl('images/button_reset.jpg');?>" style="padding-right:40px;padding-left:20px;" />
	    </div>
	            
	</form> 
</div> 

<script type="text/javascript">
//<![CDATA[
    var dataForm = new VarienForm('form-validate', true);
    var dataForm = new VarienForm('login-form', true);
//]]>
</script>
